import React, { Component } from 'react'
// import TabControl from './TabControl'
// import NavBar from './NavBar'

export default class App extends Component {
  // constructor(){
  //   super();
  //   this.state=({
  //     currentTitle:'新款'
  //   })
  // }
  // render() {
  //   return (
  //     <div>
  //     <TabControl itemClick={index=>this.itemClick(index)} title={['新款','精选','流行']}/>
  //     <h2>{this.state.currentTitle}</h2>
  //     </div>
  //   )
  // }
  // itemClick(index){
  //   // console.log(index)
  //   const titles=['新款','精选','流行']
  //   this.setState({
  //     currentTitle:titles[index]
  //   })
  // }



  // render(){
  //   return(
  //     <div>
  //       <NavBar>
  //         <span>aaa</span>
  //         <a href="">bbb</a>
  //         <strong>ccc</strong>
  //       </NavBar>
      
  //     </div>
  //   )
  // }
  constructor(){
    super()
      this.state=({
        count:0
      })
  }

render(){
  return(
    <div>
      <h2>当前计数：{this.state.count}</h2>
      <button onClick={e=>this.increnme()}>+</button>
    </div>
  )
}
increnme(){
  // setState 异步更新
  // 获取异步更新后的数据
  this.setState({
    count:this.state.count+1
  },()=>{
    console.log(this.state.count)
  })
  console.log(this.state.count)
}


}
